<template>
  <div>
    <CloudTable :columns="columns" :data-source="data" :scroll="{ y: 240 }" />
  </div>
</template>

<script>
  const columns = [
    {
      title: 'Name',
      dataIndex: 'name',
      width: 150,
    },
    {
      title: 'Age',
      dataIndex: 'age',
      width: 150,
    },
    {
      title: 'Address',
      dataIndex: 'address',
    },
  ];

  const data = [];
  for (let i = 0; i < 100; i++) {
    data.push({
      key: i,
      name: `Edward King ${i}`,
      age: 32,
      address: `London, Park Lane no. ${i}`,
    });
  }

  export default {
    title: '11.固定表头 ',
    subTitle: '方便一页内展示大量数据。',
    data () {
      return {
        data,
        columns,
      }
    },
    methods: {
    }
  }
</script>

<style lang="scss">
</style>